<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../css/know.css">
    <link rel="stylesheet" type="text/css" href="../css/header.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

    <title>知否</title>

</head>
<body>

<div class="root">
    <div class="HeaderBar shadow-sm">
        <div class="HeaderInner">
            <div class="HeaderTabs">
                <ul class="nav nav-pills">
                    <li class="nav-item">
                        <a class="nav-link active" href="#">知否</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">发现</a>
                    </li>
<!--                    <li class="nav-item">-->
<!--                        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>-->
<!--                    </li>-->
                </ul>
            </div>
            <div class="input-group mb-3" id="sb-3" align="center">
                <input type="text" class="form-control" width="80%" placeholder="忘了他吧，我偷电瓶养你！" aria-label="Recipient's username" aria-describedby="button-addon2">
                <div class="input-group-append">
                    <button class="btn btn-outline-secondary" type="button" id="button-addon2">搜索</button>
                </div>
            </div>
            <div class="HeaderUserInfo">
                <img src="https://img.icons8.com/clouds/50/000000/super-mario.png" class="float-right" alt="">
            </div>
        </div>
    </div>

<!--    <div class="main">-->
<!--        <div class="TopStory">-->
<!--            <div class="TopStory-container">-->
<!--                &lt;!&ndash; 左侧内容区域 &ndash;&gt;-->
<!--                <div class="TopStory-mainColumn">-->
<!--                    &lt;!&ndash; 左侧导航 &ndash;&gt;-->
<!--                    <ul class="nav nav-tabs" id="nav2">-->
<!--                        <li class="nav-item">-->
<!--                            <a class="nav-link active" href="#">推荐</a>-->
<!--                        </li>-->
<!--                        <li class="nav-item">-->
<!--                            <a class="nav-link" href="#">关注</a>-->
<!--                        </li>-->
<!--                        <li class="nav-item">-->
<!--                            <a class="nav-link" href="#">热榜</a>-->
<!--                        </li>-->
<!--                    </ul>-->
<!--                    &lt;!&ndash; 左侧卡片内容区域 &ndash;&gt;-->
<!--                    <div class="card shadow-sm">-->
<!--                        &lt;!&ndash; 卡片导航头 &ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="card-header">&ndash;&gt;-->

<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--                        &lt;!&ndash; 第一个模块内容区 &ndash;&gt;-->
<!--                        <div class="card-body">-->
<!--                            &lt;!&ndash; 标题和内容 &ndash;&gt;-->
<!--                            <div>-->
<!--                                <h5 class="card-title">周某何许人也？</h5>-->
<!--                                <p class="card-text">-->
<!--                                    4月18日，“不可能打工”的周某出狱了，来接他的除了家人还有多家网红公司，公司代表们开着名贵跑车，开出数百万价码想签约周某。一时间周某成为了焦点，有人支持他直播，也有人抵制，因为他做过许多错事。早在出狱的14天隔离期内，周某就公开致歉，称自己的言行并不成熟，他还透露不会签约做网红，只想做普通人。可是，抵制他的人依旧不依不饶，因为他们不相信周某的声明，毕竟年薪几百万的诱惑太大了。-->
<!--                                </p>-->
<!--                            </div>-->
<!--                            &lt;!&ndash; 赞同评论收藏 &ndash;&gt;-->
<!--                            <div class="container-footer">-->
<!--                                <button type="button" class="btn btn-outline-primary agree"><img src="../img/icons8-smiling-face-with-heart-17.png" alt="">赞同 <span>1234</span></button>-->
<!--                                <div class="footer-comment"><img src="../img/icons8-topic-30.png" alt=""><span>66 </span>&nbsp;条评论</div>-->
<!--                                <div class="footer-star"><img src="../img/icons8-star-25.png" alt="" class="footer-icon"><span>&nbsp;收藏</span></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="card shadow-sm">-->
<!--                        <div class="card-body">-->
<!--                            <h5 class="card-title">大山</h5>-->
<!--                            <p class="card-text">-->
<!--                                1984年考上多伦多大学东亚系开始攻读中国研究，并起了中文名字“路士伟”。1988年毕业后留学于北京大学进修中国语言文学，1989年中央电视台元旦晚会因小品《夜归》中扮演洋学生“大山”而为大家熟知，并改中文名为“大山”，拜姜昆为师学习相声。1998年首次登上央视春节联欢晚会，和潘长江、黑妹表演小品《一张邮票》-->
<!--                            </p>-->
<!--                            <div class="container-footer">-->
<!--                                <button type="button" class="btn btn-outline-primary agree"><img src="../img/icons8-smiling-face-with-heart-17.png" alt="">赞同 <span>1234</span></button>-->
<!--                                <div class="footer-comment"><img src="../img/icons8-topic-30.png" alt=""><span>66 </span>&nbsp;条评论</div>-->
<!--                                <div class="footer-star"><img src="../img/icons8-star-25.png" alt="" class="footer-icon"><span>&nbsp;收藏</span></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->


<!--                    &lt;!&ndash; &#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45; &ndash;&gt;-->
<!--                    <div class="card shadow-sm">-->
<!--                        <div class="card-body">-->
<!--                            <h5 class="card-title">大山</h5>-->
<!--                            <p class="card-text">-->
<!--                                1984年考上多伦多大学东亚系开始攻读中国研究，并起了中文名字“路士伟”。1988年毕业后留学于北京大学进修中国语言文学，1989年中央电视台元旦晚会因小品《夜归》中扮演洋学生“大山”而为大家熟知，并改中文名为“大山”，拜姜昆为师学习相声。1998年首次登上央视春节联欢晚会，和潘长江、黑妹表演小品《一张邮票》-->
<!--                            </p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="card shadow-sm">-->
<!--                        <div class="card-body">-->
<!--                            <h5 class="card-title">大山</h5>-->
<!--                            <p class="card-text">-->
<!--                                1984年考上多伦多大学东亚系开始攻读中国研究，并起了中文名字“路士伟”。1988年毕业后留学于北京大学进修中国语言文学，1989年中央电视台元旦晚会因小品《夜归》中扮演洋学生“大山”而为大家熟知，并改中文名为“大山”，拜姜昆为师学习相声。1998年首次登上央视春节联欢晚会，和潘长江、黑妹表演小品《一张邮票》-->
<!--                            </p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="card shadow-sm">-->
<!--                        <div class="card-body">-->
<!--                            <h5 class="card-title">大山</h5>-->
<!--                            <p class="card-text">-->
<!--                                1984年考上多伦多大学东亚系开始攻读中国研究，并起了中文名字“路士伟”。1988年毕业后留学于北京大学进修中国语言文学，1989年中央电视台元旦晚会因小品《夜归》中扮演洋学生“大山”而为大家熟知，并改中文名为“大山”，拜姜昆为师学习相声。1998年首次登上央视春节联欢晚会，和潘长江、黑妹表演小品《一张邮票》-->
<!--                            </p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="card shadow-sm">-->
<!--                        <div class="card-body">-->
<!--                            <h5 class="card-title">大山</h5>-->
<!--                            <p class="card-text">-->
<!--                                1984年考上多伦多大学东亚系开始攻读中国研究，并起了中文名字“路士伟”。1988年毕业后留学于北京大学进修中国语言文学，1989年中央电视台元旦晚会因小品《夜归》中扮演洋学生“大山”而为大家熟知，并改中文名为“大山”，拜姜昆为师学习相声。1998年首次登上央视春节联欢晚会，和潘长江、黑妹表演小品《一张邮票》-->
<!--                            </p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="card">-->
<!--                        <div class="card-body">-->
<!--                            <h5 class="card-title">大山</h5>-->
<!--                            <p class="card-text">-->
<!--                                1984年考上多伦多大学东亚系开始攻读中国研究，并起了中文名字“路士伟”。1988年毕业后留学于北京大学进修中国语言文学，1989年中央电视台元旦晚会因小品《夜归》中扮演洋学生“大山”而为大家熟知，并改中文名为“大山”，拜姜昆为师学习相声。1998年首次登上央视春节联欢晚会，和潘长江、黑妹表演小品《一张邮票》-->
<!--                            </p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="card">-->
<!--                        <div class="card-body">-->
<!--                            <h5 class="card-title">大山</h5>-->
<!--                            <p class="card-text">-->
<!--                                1984年考上多伦多大学东亚系开始攻读中国研究，并起了中文名字“路士伟”。1988年毕业后留学于北京大学进修中国语言文学，1989年中央电视台元旦晚会因小品《夜归》中扮演洋学生“大山”而为大家熟知，并改中文名为“大山”，拜姜昆为师学习相声。1998年首次登上央视春节联欢晚会，和潘长江、黑妹表演小品《一张邮票》-->
<!--                            </p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="card">-->
<!--                        <div class="card-body">-->
<!--                            <h5 class="card-title">大山</h5>-->
<!--                            <p class="card-text">-->
<!--                                1984年考上多伦多大学东亚系开始攻读中国研究，并起了中文名字“路士伟”。1988年毕业后留学于北京大学进修中国语言文学，1989年中央电视台元旦晚会因小品《夜归》中扮演洋学生“大山”而为大家熟知，并改中文名为“大山”，拜姜昆为师学习相声。1998年首次登上央视春节联欢晚会，和潘长江、黑妹表演小品《一张邮票》-->
<!--                            </p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash; 右侧内容区域 &ndash;&gt;-->
<!--                <div class="GlobalSideBar">-->
<!--                    <div class="card sideCard shadow-sm">-->
<!--                        <div class="card-body">-->
<!--                            &lt;!&ndash; 右侧卡片小组件 &ndash;&gt;-->
<!--                            <div class="SideBar">-->
<!--                                <div class="tittle1"><p class="card-text">Lorem</p></div>-->
<!--                                <div>-->
<!--                                    <img src="https://img.icons8.com/color/50/000000/star&#45;&#45;v1.png"/>-->
<!--                                    <span>收藏</span>-->
<!--                                </div>-->
<!--                                <div>-->
<!--                                    <img src="https://img.icons8.com/color/50/000000/help&#45;&#45;v1.png"/>-->
<!--                                    <span>提问</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
</div>


</body>
</html>
